<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件绑定</title>
  <script src="js/jquery/jquery-3.3.1.min.js"></script>
  <script>
    $(function (){
      //js事件绑定
      document.getElementById("js_btn").onclick=function (){
          alert("js事件绑定。。。。");
      }
      $("#jq_btn").click(function (){
        alert("jq事件绑定........");
      });
      // $("#jq_btn").click(function (){
      //     alert("aaaaaaaa")
      // });
    });
  </script>
</head>
<body>
<!--简单的事件绑定 js 和jquery的对比-->
<input type="button" id="js_btn" value="js事件绑定"/>
<input type="button" id="jq_btn" value="jq事件绑定"/>
</body>
</html>